
.promote_header,
.cl01 {
    background-color: #F0FFF0;
    width: 100%;
    margin-bottom: 2%;
}
.cl01 .col-sm-2 .img-responsive{

    margin-top: 10%;
}
.navigation {
    height: 100px;
    padding-top: 3%;


}
div div.pull-left img{
    margin-left: 12%;
    margin-top: 12%;
}

.promote_body,
.cl02 {
    width: 100%;
}

.cl02 .blueframe {

    border: 1px solid #00b3ee;
    margin-bottom: 1%;
    padding-bottom: 30%;
}

.cl02 .blueframe h2 {
    align-content: center;
    background-color: #FFFFFF;
    width: 10%;
    margin-top: -1.5%;
    margin-left: 3%;
}

.promote_creative,
.cl03 {
    width: 100%;
}

.btn {
    margin-top: 0;
}

.cl03 .p1 {

    width: 100%;
}

.cl03 .b1 .table {
    margin-top: 1%;
}

.cl03 .b2 {
    width: 100%;

}

.cl03 .b2 h2 {
    width: 100%;
    margin-bottom: 2%;
    margin-left: 1%;
}

.cl03 .b2 .creative {
    background-color: #9acfea;
    margin-top: 2%;
    margin-bottom: 2%;
}

.cl03 .b2 .creative ul li {
    margin-left: 4%;
    margin-top: 4%;
    list-style-type: none;
}

.cl03 .b2 .creative ul {
    padding-bottom: 2%;
    padding-top: 2%;
}

.cl03 .b2 .row {
    width: 100%;
}

.cl03 .b2 .row .btn {
    margin-top: 1%;
    margin-left: 2%;
}

.cl03 .b2 .row .aa1 {
    margin-top: 2%;
    margin-bottom: 2%;
}

.cl03 .b2 .row .col-md-6 {
    border: 1px solid #00b3ee;
    padding-bottom: 2%;
    margin-bottom: 4%;
}

.cl03 .b2 .row input {
    width: 100%;
    margin-left: -4%;

}

.addCreative,
.e0 {
    width: 1300px;
    margin-left: -50%;
}

.promote_addword,
.tc1 {
    width: 170%;
    margin-left: -50%;
}

.tc2 .col-md-7 .table-bordered {
    width: 100%;
    margin: 10px;

}

.tc2 .col-md-4 {
    margin-right: 1%;
   margin-left: 2%;
}

.tc2 .col-md-4 .table-bordered {

    width: 100%;
    margin: 5px;

}

.promote_moreword,
.modal-header span.col-sm-12 {
    background-color: #F0FFF0;
    border: 1px solid red;
    padding: 5px;
    color: #8c8c8c;
    vertical-align: middle;
}

.modal-header span.col-sm-12 img.img-align {
    padding-bottom: 3px;
    padding-right: 5px;
}

.row div.div-border {
    border: 1px solid #8c8c8c;
    margin-left: 18px;
    margin-top: 20px;
}

.row .div-border div.col-sm-6 .list-unstyled li {
    margin: 10px 0 10px 0;
}

.row div.div-border ul.list-unstyled li {
    margin: 10px 0 10px 0;
}

.row h6.col-sm-4 {
    margin-top: -13px;
}

.row .div-border ul.list-unstyled li.li-border {
    border: 1px dashed #8c8c8c;
}

.planpage_tab,
.tab1 {
    margin-bottom: 1%;

}


.promote_keyword,
.k1 {
    margin-bottom: 5%
}
.Img_optimization,
td{
    padding-left: 2%;
}
.m8{
    height: 200px;

}
.m0 {
    margin-left: 10px;
    float: left;
    width: 35%;
}

.m0 .m1-1 {
    float: left;
    width: 52%;
    height: 270px;
}

.m0 .m1-1 .btn {
    margin-top: 10px;

}

.m0 .m4 {
    float: right;
    width: 45%;
    height: 270px;
}

.m0-0 {
    float: right;
    width: 60%;
}

.m0 .m3 {
    margin-bottom: 20px;
}

.m0-0 .u1 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}

.m0-0 .u2 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}

.m0-0 .u3 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}

.m0-0 .u4 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}

.m0-0 .u5 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}

.m0-0 .u6 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}

.m0-0 .u7 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}

.m0-0 .u8 tr td img {
    margin-top: 5px;
    margin-right: 5px;
}
.m4 table tr td img{
    margin: 2%;
}
.m4 table tr td h5{
    margin: 2%;

}